<template>
  <div>
    <CategorySelector :disabled="!isShowAttrForm" />
    <Components
      v-if="isShowAttrForm"
      @setIsShowAttrForm="isShowAttrForm = $event"
    />
    <AddOrUpdateAttr v-else @setIsShowAttrForm="isShowAttrForm = $event" />
  </div>
</template>

<script lang="ts">
export default {
  name: "Attr",
};
</script>

<script lang="ts" setup>
import Components from "./components/index.vue";
import CategorySelector from "@/components/CategorySelector/index.vue";
import AddOrUpdateAttr from "./components/addOrUpdateAttr.vue";
import { ref } from "vue";

const isShowAttrForm = ref(true);
</script>

<style scoped></style>
